.show { -webkit-animation-name: show; animation-name: show; }


.xn_c_index_23_2_wrap{width:100%;height:510px;background:#f5f5f5;margin-top:65px;}
.xn_c_index_23_2_wbox{width:1200px;height:510px;margin:0 auto;position:relative;}
.xn_c_index_23_2_scroll{width:1200px;height:510px;overflow:hidden;}
.xn_c_index_23_2_cLi{width:1200px;height:510px;float:left;}
.xn_c_index_23_2_cLi_cbox_left{width:510px;height:510px;float:left;overflow:hidden;}
.xn_c_index_23_2_cLi_cbox_left img{width:510px;height:510px;-webkit-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
.xn_c_index_23_2_cLi_cbox_right{width:600px;height:510px;float:right;}
.xn_c_index_23_2_cLi_cbox_con{padding-top:110px;}
.xn_c_index_23_2_cLi_title a{font-size:26px;color:#333333;}
.xn_c_index_23_2_cLi_title a:hover{color:#174596;}
.xn_c_index_23_2_cLi_c{font-size:14px;color:#666;line-height:24px;width:600px;height:120px;overflow:hidden;margin-top:10px;}
.xn_c_index_23_2_cMain_li{width:134px;height:116px;overflow:hidden;background:#fff;float:left;margin-right:6px;}
.xn_c_index_23_2_cMain_li img{width:134px;height:83px;margin-top: 18px;-webkit-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
.xn_c_index_23_2_cMain_li:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.xn_c_index_23_2_cLi_clist_more{float:left;width:134px;height:116px;overflow:hidden;background:#174592;}
.xn_c_index_23_2_cLi_clist_more a{display:block;float:left;width:134px;padding-top:76px;height:40px;font-size:14px;color:#fff;text-align:center;background:url(../images/prod_more.png) no-repeat center top 25px;}
.xn_c_index_23_2_cLi_left{width:100px;height:100px;background:url(../images/products_left.png) no-repeat center center;position:absolute;left:-100px;top:205px;background-size:100%;cursor:pointer;}
.xn_c_index_23_2_cLi_right{width:100px;height:100px;background:url(../images/products_right.png) no-repeat center center;position:absolute;right:-100px;top:205px;background-size:100%;cursor:pointer;}
.xn_c_index_23_2_cul{position:relative;}
.xn_c_index_23_2_cLi_left:hover,.xn_c_index_23_2_cLi_right:hover{opacity:0.7;}

.xn_c_index_23_2_cLi_cbox_left:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.xn_c_index_24_2_wrap{width:100%;height:510px;background:#f5f5f5;margin-top:65px;}
.xn_c_index_24_2_wbox{width:1200px;height:510px;margin:0 auto;position:relative;}
.xn_c_index_24_2_scroll{width:1200px;height:510px;overflow:hidden;}
.xn_c_index_24_2_cLi{width:1200px;height:510px;float:left;}
.xn_c_index_24_2_cLi_cbox_left{width:510px;height:510px;float:left;overflow:hidden;}
.xn_c_index_24_2_cLi_cbox_left img{width:510px;height:510px;-webkit-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
.xn_c_index_24_2_cLi_cbox_right{width:600px;height:510px;float:right;}
.xn_c_index_24_2_cLi_cbox_con{padding-top:110px;}
.xn_c_index_24_2_cLi_title a{font-size:26px;color:#333333;}
.xn_c_index_24_2_cLi_title a:hover{color:#175696;}
.xn_c_index_24_2_cLi_c{font-size:14px;color:#666;line-height:24px;width:600px;height:120px;overflow:hidden;margin-top:10px;}
.xn_c_index_24_2_cMain_li{width:134px;height:116px;overflow:hidden;background:#fff;float:left;margin-right:6px;}
.xn_c_index_24_2_cMain_li img{width:134px;height:83px; margin-top:18px;-webkit-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
.xn_c_index_24_2_cMain_li:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.xn_c_index_24_2_cLi_clist_more{float:left;width:134px;height:116px;overflow:hidden;background:#174592;}
.xn_c_index_24_2_cLi_clist_more a{display:block;float:left;width:134px;padding-top:76px;height:40px;font-size:14px;color:#fff;text-align:center;background:url(../images/prod_more.png) no-repeat center top 25px;}
.xn_c_index_24_2_cLi_left{width:100px;height:100px;background:url(../images/products_left.png) no-repeat center center;position:absolute;left:-100px;top:205px;background-size:100%;cursor:pointer;}
.xn_c_index_24_2_cLi_right{width:100px;height:100px;background:url(../images/products_right.png) no-repeat center center;position:absolute;right:-100px;top:205px;background-size:100%;cursor:pointer;}
.xn_c_index_24_2_cul{position:relative;}
.xn_c_index_24_2_cLi_left:hover,.xn_c_index_24_2_cLi_right:hover{opacity:0.7;}

.xn_c_index_24_2_cLi_cbox_left:hover img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.xn_c_index_about{width: 100%;background: url(../images/xn_c_index_about.png) center no-repeat;}
.xn_c_index_about_box{width: 1200px;margin: 0 auto;}
.xn_c_index_about_top{width: 100%;line-height: 40px;text-align: center;color: #333; font-size: 36px; padding-top: 70px;}
.xn_c_index_about_line{display:block;width:30px;height:2px;background:#333;margin:0 auto;margin-top:5px;}
.xn_c_index_about_con{ height: 312px;margin-top: 30px;}

.vide{ float: left; width: 450px;}
.vide img{ width: 450px; height: 300px;}
.aboute{ width: 700px; float: right;}
.aboute span{line-height: 30px;text-align: center; color: #666;font-size: 16px;margin-top:50px; text-indent: 40px; width: 700px;}

.xn_c_index_about_shu{text-align: center; margin-top: 2%;}
.xn_c_index_about_shu li{ display: inline-block; *display: inline; *zoom:1; text-align: center;}
.xn_c_index_about_shu li:first-child{background: no-repeat;}
#xn_c_index_about_shut{width: 100%;height: 50px;line-height: 50px; font-size: 38px;color: #333333;font-family: "[HYk1gj]";}
#xn_c_index_about_shut a{font-size: 38px;color: #333333;font-family: "微软雅黑";}
#xn_c_index_about_shub{width: 100%;height: 32px;line-height: 32px;color: #333;margin-top:12px;}
.xn_c_index_about_more1{width: 149px;height: 41px; margin: 20px auto 0; margin-bottom: 20px;}
.xn_c_index_about_more1 a{display: block;width: 136px;height: 43px; text-align: center;color: #fff;font-size: 14px; line-height: 43px;border: 1px solid #fff;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
}
.xn_c_index_about_more1 a:hover{
 background:#fff;
 color:#1eb9ee;
 cursor: pointer;
 -webkit-animation-name: hvr-wobble-vertical;
 animation-name: hvr-wobble-vertical;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
}
.xn_c_index_about_more{width: 149px;height: 41px; margin: 20px auto 0; margin-bottom: 20px;}
.xn_c_index_about_more a{display: block;width: 136px;height: 43px; text-align: center;color: #666;font-size: 14px; line-height: 43px;border: 1px solid #666;
 -webkit-transform: perspective(1px) translateZ(0);
 transform: perspective(1px) translateZ(0);
}
.xn_c_index_about_more a:hover{
 background:#1eb9ee;
	border: 1px solid #1eb9ee;
 color:#fff;
 cursor: pointer;
 -webkit-animation-name: hvr-wobble-vertical;
 animation-name: hvr-wobble-vertical;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical {
 16.65% {
 -webkit-transform: translateZ(8px);
 transform: translateZ(8px);
 }
 33.3% {
 -webkit-transform: translateZ(-6px);
 transform: translateZ(-6px);
 }
 49.95% {
 -webkit-transform: translateZ(4px);
 transform: translateZ(4px);
 }
 66.6% {
 -webkit-transform: translateZ(-2px);
 transform: translateZ(-2px);
 }
 83.25% {
 -webkit-transform: translateZ(1px);
 transform: translateZ(1px);
 }
 100% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 }
}
@keyframes hvr-wobble-vertical {
 16.65% {
 -webkit-transform: translateZ(8px);
 transform: translateZ(8px);
 }
 33.3% {
 -webkit-transform: translateZ(-6px);
 transform: translateZ(-6px);
 }
 49.95% {
 -webkit-transform: translateZ(4px);
 transform: translateZ(4px);
 }
 66.6% {
 -webkit-transform: translateZ(-2px);
 transform: translateZ(-2px);
 }
 83.25% {
 -webkit-transform: translateZ(1px);
 transform: translateZ(1px);
 }
 100% {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 }
}
#xn_c_index_about_shut:hover{
 cursor: pointer;
 -webkit-animation-name: hvr-wobble-vertical;
 animation-name: hvr-wobble-vertical;
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-vertical {
 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
 }
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 }
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
 }
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}
@keyframes hvr-wobble-vertical {
 16.65% {
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
 }
 33.3% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
 }
 49.95% {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 }
 66.6% {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
 }
 83.25% {
 -webkit-transform: translateY(1px);
 transform: translateY(1px);
 }
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
 }
}


.xn_c_index_sv_t{text-align:center;padding-top:112px;}
.xn_c_index_sv_t1{display:block;font-size:36px;color:#333333;margin-bottom:5px;}
.xn_c_index_sv_t3{font-size:12px;color:#999999;text-transform: uppercase;margin:0px 5px;line-height:24px;}
.xn_c_index_sv_t2{display:inline-block;font-size:0px;width:20px;height:1px;background:#999999;position:relative;top:-4px;} 
.xn_c_index_sv_tc{font-size:14px;color:#666;line-height:24px;text-align:center;margin-top:20px;}
.xn_c_index_sv_m{width:1200px;margin:0 auto;margin-top:70px;overflow:hidden;}
.xn_c_index_sv_left{width: 1200px;height: 575px;margin: auto;}
.xn_c_index_sv_right{width:275px;float:right;}

.xn_c_index_sv_li{width:275px;height: 68px;background:#f2f2f2;border-radius:45px;overflow:hidden;margin-bottom:12px;}
.xn_c_index_sv_lc{width:173px;float:right;}
.xn_c_index_sv_lc_name{font-size:16px;color:#333;line-height:25px;margin-top:17px;}
.xn_c_index_sv_lc_c{font-size:12px;color:#999;margin-top:3px;}


.xn_c_index_news{width: 100%;}
.xn_c_index_news_top{text-align:center;padding-top:20px;}
.xn_c_index_news_top1{display:block;font-size:36px;color:#333333;margin-bottom:5px;}
.xn_c_index_news_top2{font-size:12px;color:#999999;text-transform: uppercase;margin:0px 5px;line-height:24px;}
.xn_c_index_news_line{display:inline-block;font-size:0px;width:20px;height:1px;background:#999999;position:relative;top:-4px;} 


.xn_c_index_357_wrap{width:1200px;height:auto;margin: 48px auto 0;overflow:hidden; height: 336px; position: relative;}
.xn_c_index_357_main{height:auto;overflow:hidden;position:relative;}
.xn_c_index_357_inner{height:336px;overflow:hidden;position:relative;}
.xn_c_index_357_inner ul{height:336px;overflow:hidden;position:relative;}
.xn_c_index_357_inner li{width:100%;height:336px;float:left;overflow:hidden;position:absolute;left:0;top:0;cursor:pointer;opacity:0;z-index:22;}
.xn_c_index_357_img{width:432px;height:288px;overflow:hidden; position: absolute;left: 42px;top: 0;z-index: 10;}
.xn_c_index_357_img img{display:block;border:0;width: 100%;}
.xn_c_index_357_conbox{width: 1200px;height: 291px;background: #eeeeee; margin-top: 45px;}
.xn_c_index_357_conboxc{width: 643px; float: right; margin-right: 40px;}
.xn_c_index_357_tmname{display: none !important;}
.xn_c_index_357_inner .xn_c_index_357_ft{width:100%;height:30px;overflow:hidden;position:absolute;left:0;bottom:0;z-index:33;}
.xn_c_index_357_inner .xn_c_index_357_title{overflow:hidden;padding-top: 27px; text-align:left;}
.xn_c_index_357_title a{font-size:20px;color:#333333;}
.xn_c_index_357_title a:hover{color: #174596}
.xn_c_index_357_Date{height: 20px;line-height: 20px;padding-left: 563px;width: 92px; background: url(../images/xn_c_index_357_date.png) left no-repeat;}
.xn_c_index_357_Date>span{display: block;float: left;color: #a0a0a0;font-size: 12px;}
.xn_c_index_357_intro{height:104px;line-height: 26px;margin-top: 6px;color: #333333;font-size: 12px; overflow: hidden;}
.xn_c_index_357_nums{height:20px;overflow:hidden;text-align:center; position: absolute; top: 307px;z-index: 30; position: absolute;left: 230px;}
.xn_c_index_357_nums span{width:9px;height:9px;display:inline-block;border: 1px solid #174596; border-radius: 50%; margin-right:13px;cursor:pointer;}
.xn_c_index_357_nums span.curr,.xn_c_index_357_nums span:hover{background:#174596 !important;border: 1px solid #174596;}
.xn_c_index_357_prev,.xn_c_index_357_next{display:none;}
.xn_c_index_357_more{width: 149px;height: 41px;margin-top: 36px;float: right;}
.xn_c_index_357_more a:hover{border: 1px solid #fff; color: #fff; background: #174596;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}
.xn_c_index_357_more a{width: 147px;height: 39px;text-align: center;line-height: 39px; font-size: 14px;display: block;border: 1px solid #174596; color: #174596;background: none;}